<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>A multi-line link</title>
  </head>
  <body>
    <p>
      This test page contains a link that spans two lines.
      The center of the bounding box of the link is not inside the link element.
    </p>
    <p style="max-width: 15em">
      <span id="filler"></span>
      <a href="#top">a link</a>
    </p>
    <script>
      var filler = document.getElementById('filler');
      var link = document.getElementsByTagName('a')[0];
      do {
        filler.innerHTML += 'x';
      } while (link.getClientRects().length < 2);
    </script>
  </body>
</html>
